:root {
  --main-width: 1920px;
  --main-font-size: 15px;
  --main-desktop-font-size: 20px;
  --main-pad-font-size: calc(var(--main-desktop-font-size) * 4.8 / 6);
  --main--border-color: #111;
  --main-text-color: #fff;
  --main-background-color: #333;
  --main-structure-max-width: 100%;
  --main-structure-left: 2em;
  --main-color: rgb(88, 186, 197);
  --header-logo-width: 30px;
  --header-height: 3.2rem;
  --header-pad-logo-width: calc(var(--header-logo-width) * 5 / 6);
  --content-height: calc(100vh - var(--header-height));
  --header-right-left-padding: 100px;
  --body-left-padding: var(var(--header-right-left-padding));
  --screen-desktop-padding-top-bottom: 50px;
  --screen-desktop-padding-left-right: 100px;
  --screen-pad-padding-top-bottom: 10px;
  --screen-pad-padding-left-right: 5px;
  --footer-margin-right: 30px;
  --footer-icon-width: 30px;
  --footer-pad-icon-width: calc(var(--header-logo-width) * 5 / 6);
  --video-overlay-island-color: #054f7199;
  --video-overlay-spring-color: #054f716d;
  --video-overlay-summer-color: #054f714e;
  --video-overlay-autumn-color: #054f713a;
  --video-overlay-winter-color: #1098d785;
  --text-description-h1-desktop-size: 3em;
  --text-description-h2-desktop-size: 2.5em;
  --text-description-p-desktop-size: 1em;
  --text-description-h1-pad-desktop-size: 2.5em;
  --text-description-h2-pad-desktop-size: 2em;
  --text-description-p-pad-desktop-size: 1em;
  --menu-header-width: 300px;
  --menu-width: 12em;
  --menu-margin-bottom: 1em;
  --topride-color: #1c073e;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

a {
  color: #fff;
  text-decoration: none;
  font-family: Roboto, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Helvetica, Arial, Noto Sans CJK SC, PingFang SC, -apple-system, Hiragino Sans GB, Noto Sans, Microsoft YaHei, 微软雅黑, WenQuanYi Micro Hei, Heiti SC, sans-serif;
}


li {
  list-style: none;
}


